<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>新春贺卡</title>
    <link rel="stylesheet" href="style.css" type="text/css">
    <link rel="stylesheet" href="page1.css" type="text/css">
    <link rel="stylesheet" href="page2.css" type="text/css">
    <link rel="stylesheet" href="page3.css" type="text/css">
</head>
<body>
    <div class="container">
        <div id="music">
            <img src="images/music_disc.png">
            <img src="images/music_pointer.png">
        </div>
        <div class="page" id="pg_1">
            <div class="pg1_lantern">点击屏幕<br>开启好运2017</div>
            <div class="pg1_imooc"></div>
            <div class="pg1_words">2017年新的一年简单开心</div>
        </div>
        <div class="page" id="pg_2">
            <div class="pg2_circle"></div>
            <div class="pg2_2017"></div>
        </div>
        <div class="page" id="pg_3">
            <div class="pg3_logo"></div>
            <div class="pg3_title"></div>
            <div class="pg3_second"></div>
            <div class="pg3_first"></div>
            <div class="pg3_blessing"></div>
        </div>
        <audio autoplay="true">
            <source src="audio/happynewyear.mp3" type="audio/mpeg"></source>
        </audio>
    </div>
<script src="script.js"></script>
</body>
</html>